<template>
    <div class="container">
        <div class="main-nav">
            <h1 class="title">
                <span>Justice League</span>
            </h1>
            <div class="user-con">
                <a href="javascript:;" class="user-photo">
                    <img src="../assets/images/index-user-photo.jpg" alt="user photo" class="user-photo">
                </a>
                <a href="javascrit:;" class="user-name">
                    <span>克拉克· 肯特</span>
                </a>
                <p> The soul of the Justice League</p>
            </div>
            <ul class="nav-list">
                <li>
                    <router-link to="/index">AAA-LINK</router-link>
                </li>
                <li>
                    <router-link to="/index/bbb">BBB-LINK</router-link>
                </li>
                <li>
                    <router-link to="/index/ccc">CCC-LINK</router-link>
                </li>
                <li>
                    <router-link to="/index/ddd">DDD-LINK</router-link>
                </li>
                <li>
                    <router-link to="/index/eee">EEE-LINK</router-link>
                </li>
            </ul>
        </div>
        <div class="content">
            <router-view/>
        </div>

    </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
@import '../assets/less/index.less';
</style>


